<script setup>
import { ref } from 'vue';
import defaultImg from '@assets/imgs/default.png';

defineProps({
  msg: String
});

const count = ref(0);
</script>

<template>
  <div>
    <img :src="defaultImg" />
    <div class="img"></div>
    <n-button>呵呵哒</n-button>
    <div style="background: red; width: 100px; height: 50px">
      <svg-icon name="chart" />
    </div>
    <div class="header">{{ count }}</div>
  </div>
</template>

<style scoped lang="scss">
.header {
  background: $them-color;
}

.img {
  width: 300px;
  height: 300px;
  background: url('@assets/imgs/default.png') no-repeat;
}
</style>
